<template>
  <div id="handleAccount">

<div id="index">
  <div id="selector_top_input" label="线上认证">

  </div>
<!--   <div id="top_input" style="margin-top: 2%;width: 10%;left: 40%">
    <el-input v-model="input" placeholder="请输入内容"></el-input>
  </div>
  <div id="tb" style="margin-top: 10%"> -->
<!-- position：relative absolute
float
块级元素
行内元素 -->



     <el-table
        :data="tableData"
        border
        style="width: 65%;margin: 0 auto;">
        <el-table-column
          fixed
          prop="account"
          label="账号"
          width="200">
        </el-table-column>
        <el-table-column
          prop="name"
          label="姓名"
          width="150">
        </el-table-column>
        <el-table-column
          prop="province"
          label="相关信息"
          width="150">
        </el-table-column>
        <el-table-column
          prop="operate"

          label="操作"
          width="300">
          <template scope="scope">
            <el-button @click="examineClick = true" type="text" size="middle">审查认证</el-button>
<!--  审查弹出窗口  -->            
                  <el-dialog 
                  :visible.sync="examineClick"
                  size="middle"
                  >
          <div style="margin-top: 5px">审查信息</div>
          <div style="margin-top: 5px">
            <p><img width="500px" src="../../assets/person.jpg"></p>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="examineClick = false">通过</el-button>
            <el-button @click="notPassClick">不通过</el-button>
          </span>
                  </el-dialog>
<!--  弹出不通过窗口  -->    

    <!--         <el-dialog 
                  :visible.sync="notPassClick"
       
                  >
          <div style="margin-top: 5px">不通过的原因：</div>
          <div style="margin-top: 5px">
            <el-input
              type="textarea"
              :autosize="{ minRows: 2, maxRows: 4}"
              placeholder="请输入内容"
              v-model="textarea3">
            </el-input>
          </div>
          <span slot="footer" class="dialog-footer">
            <el-button type="primary" @click="notPassClick = false">确定</el-button>
            <el-button @click="notPassClick = false">取消</el-button>
          </span>
                  </el-dialog> -->

<!--  弹出不通过框  -->    

          </template>
        </el-table-column>        
      </el-table>
			<el-pagination
			  :class="['pager']"
			  layout="prev, pager, next"
			  :total="1000">
			</el-pagination>

  </div>
</div>
  </div>
</template>

<script>
  export default {
    name: 'handleAccount',
    data(){
  return {
        tableData: [{
          account:"啊圆",
          name:"劳佳丽",
          province:"广东人"
        }, {
          account:"大萨达",
          name:"罗汉松",
          province:"上海人"
        }, {
          account:"会飞的猪",
          name:"刘洪刚",
          province:"北京人"
        }, {
          account:"老马",
          name:"马芸",
          province:"杭州人"
        }, {
          account:"电电",
          name:"陈电",
          province:"茂名人"
        }, {
          account:"EDI",
          name:"程建民",
          province:"长沙人"
        }, {
          account:"芳芳",
          name:"程芳",
          province:"惠州人"
        }, {
          account:"嘉敏",
          name:"嘉敏",
          province:"广西人"
        }, {
          account:"劲",
          name:"曾劲",
          province:"吴川人"
        }],

        input: '',
        examineClick :false,
        // notPassClick:false,
      }
    },
    
    methods:{
   handleClick() {
        console.log("tabletable~~~~~~~");
      },
      onSubmit() {

      },
       notPassClick() {
        this.$prompt('不通过的原因是', '提示', {
          // confirmButtonText: '确定',
          // cancelButtonText: '取消',
          // inputPattern: /[\w!#$%&'*+/=?^_`{|}~-]+(?:\.[\w!#$%&'*+/=?^_`{|}~-]+)*@(?:[\w](?:[\w-]*[\w])?\.)+[\w](?:[\w-]*[\w])?/,
          // inputErrorMessage: '邮箱格式不正确'
        }).then(({ value }) => {
          this.$message({
            type: 'success',
            message: '已修改 ' 
          });
        }).catch(() => {
          this.$message({
            type: 'info',
            message: '取消输入'
          });       
        });
      }
    }
  }
</script>

<style scoped>
  #handleAccount{

  }
  .pager{
	margin: 10px 0px 10px 177px;
	}
</style>
